<template>
  <div id="app" style="“height:100%;”">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "app",
  components: {
  },
  mounted() {
    window.addEventListener("unload", this.saveState);
  },
  methods: {
    saveState() {
      sessionStorage.setItem("state", JSON.stringify(this.$store.state));
    },
  },
  created() { },
};
</script>

<style lang="less">
@import "~vux/src/styles/reset.less";

body {
  background-color: #ffffff;
}
html,
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.weui-btn_primary {
  background-color: #1478ee;
}
.weui-btn_primary:hover {
  background-color: #1478ee;
}
.weui-btn_primary:active {
  background-color: #1478ee;
}
.weui-btn_primary {
  background-color: #1478ee;
  &:not(.weui-btn_disabled):visited {
    color: #1478ee;
  }
  &:not(.weui-btn_disabled):active {
    background-color: #1478ee;
  }
}
.vux-tab .vux-tab-item.vux-tab-selected {
  color: #2f5dbf;
  border-bottom: 3px solid #2f5dbf;
}
.vux-popup-picker-value {
  text-align: left;
}
</style>
